<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<link href="./css/mui.css" rel="stylesheet"/>
	<link href="./css/mui.min.css" rel="stylesheet"/>
	<link href="./css/mui-icons-extra.css" rel="stylesheet"/>
	<link href="./css/app.css" rel="stylesheet"/>
	<style type="text/css">
		iframe {
			width: 100%;
			height: 650px;
		}
	</style>
</head>
<body>
	<!-- 头部HEADER -->
	<header class="app-header">
		<b>最新</b>
		&nbsp; &nbsp; 
		<span onclick="jumpToIndexHistory()">足迹</span>
	</header>
	<!-- 头部HEADER -->
	
	<!-- 首页视频布局 -->
	<div class="app-video-bg" id="refresh">
		<!-- <iframe src="https://npsbeijing.s.kuaishouapp.com/s/njLtseZa " frameborder=0 'allowfullscreen'></iframe> -->
<!-- 		<div class="app-video">
			<video poster="" src="http://jmvideo1.shuabaoba.cn/NzM5NjI5MjA2/MTU4MTQyMjIwMjk0OA_E_E/MjA1NTY1MDY_E/NDQzNDAubXA0_0_default.mp4" type="video/mp4" name="media" controls="controls" autoplay="autoplay" loop id="video-1" class="app-video-tag"></video>
			<div class="app-video-title">男性最累的国家，必须娶三个老婆。</div>
			<div class="app-video-menu">
				<span class="mui-icon-extra mui-icon-extra-heart-filled app-video-grey"></span>
				<div class="app-video-grey">0</div>
				<div style="height: 8px;"></div>
				<span class="mui-icon mui-icon-chat app-video-grey"></span>
			</div>
		</div> -->
	</div>
	<!-- 更多按钮 -->
	<p id="more">
		<!-- <button type="button" class="mui-btn mui-btn-block" style="background: ;" onclick="getIndex()">点击更多</button> -->
	</p>
	<br><br>
	<!-- 首页视频布局 -->
	
	<!-- 底部菜单 -->
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item mui-active" onclick="jumpToIndex()">
			<span class="mui-icon mui-icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" onclick="jumpToMarket()">
			<span class="mui-icon mui-icon-download"></span>
			<span class="mui-tab-label">库</span>
		</a>
		<a class="mui-tab-item" onclick="jumpToReward()">
			<span class="mui-icon mui-icon-spinner-cycle"></span>
			<span class="mui-tab-label">奖励</span>
		</a>
		<a class="mui-tab-item" onclick="jumpToMy()">
			<span class="mui-icon mui-icon-contact"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	<!-- 底部菜单 -->
</body>
</html>


<script src="./js/mui.js"></script>
<script src="./js/app.js"></script>
<script src="./js/views/view.js"></script>
<script src="./js/views/index.js"></script>
<script type="text/javascript">
	mui.plusReady(function () {
		// //自动加载
		// (function($, owner) {
		// }(mui, window.app = {}));
		// 初始化
		mui.init({
			//下拉、上拉刷新
			pullRefresh: {
				container: "#refresh",
				down: { //下拉刷新
					style: "circle",
					height: 50,
					auto: true,
					contentrefresh: "视频正在加载...",
					contentnomore: '没有更多视频了',
					callback: async function () { 
						getIndex();
						mui('#refresh').pullRefresh().endPulldownToRefresh();
					}
				},
				up: { //上拉加载
					height: 50, 
					auto: false, 
					contentrefresh: "更多视频正在加载...", 
					contentnomore: '没有更多数据了', 
					callback: async function () { 
						getIndex();
					}
				}
			}
		});
	});
</script>